<template>
    <div class="BlogSearchResult" style="width: 1440px; height: 2605px; position: relative; background: white">
        <div class="Group198" style="width: 2215px; height: 231px; left: -2215px; top: 244px; position: absolute">
            <div class="NewslettersPodcastNewsRssFeedsBlogsMailsNewslettersPodcastNewsRssFeedsBlogsMails"
                style="left: 0px; top: 0px; position: absolute; text-align: center; color: black; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
                newsletters podcast news RSS feeds blogs mails newsletters podcast news RSS feeds blogs mails </div>
            <div class="NewsMailsNewslettersBlogsRssFeedsPodcastNewsMailsNewslettersBlogsRssFeedsPodcast"
                style="left: 154px; top: 189px; position: absolute; text-align: center; color: black; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
                news mails newsletters blogs RSS feeds podcast news mails newsletters blogs RSS feeds podcast </div>
        </div>
        <div class="Group236" style="width: 212px; height: 32px; left: 53px; top: 41px; position: absolute">
            <div class="Group993"
                style="width: 212px; height: 32px; left: 0px; top: 0px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">
                <div class="App"
                    style="text-align: center; color: #333333; font-size: 14px; font-family: Montserrat; font-weight: 700; letter-spacing: 0.20px; word-wrap: break-word">
                    App</div>
                <div class="Newsletter"
                    style="text-align: center; color: #119C59; font-size: 25px; font-family: Montserrat; font-weight: 700; text-transform: uppercase; letter-spacing: 0.20px; word-wrap: break-word">
                    Newsletter</div>
            </div>
        </div>
        <div
            style="width: 699px; left: 284px; top: 254px; position: absolute; color: #14B86E; font-size: 44px; font-family: Montserrat; font-weight: 500; line-height: 54px; word-wrap: break-word">
            我们能为您提供什么帮助？</div>
        <div class="Group914" style="width: 901px; height: 201px; left: 284px; top: 539px; position: absolute">
            <div class="LaunchAndRunYourOwnReferralMarketingProgram"
                style="width: 514px; left: 387px; top: 46px; position: absolute; color: #25282B; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
                Launch and Run Your Own Referral Marketing Program</div>
            <div class="InAllNewFeatureWhatSNewOnSeptember172020"
                style="width: 507px; left: 387px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                IN ALL, NEW FEATURE, WHAT'S NEW ON SEPTEMBER 17, 2020</div>
            <div class="LoremIpsumDolorSitAmetAdhucNullaLoremIpsumDolorSitAmetAdhucNulla"
                style="width: 507px; left: 387px; top: 153px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                Lorem ipsum dolor sit amet, adhuc nulla. Lorem ipsum dolor sit amet, adhuc nulla. </div>
            <img class="Image" style="width: 333px; height: 201px; left: 0px; top: 0px; position: absolute"
                src="https://via.placeholder.com/333x201" />
        </div>
        <div class="Group915" style="width: 901px; height: 201px; left: 284px; top: 840px; position: absolute">
            <div class="HowMarketersAreOptimizingTheirEmailMarketing"
                style="width: 514px; left: 387px; top: 46px; position: absolute; color: #25282B; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
                How Marketers Are Optimizing Their Email Marketing</div>
            <div class="InAllNewFeatureWhatSNewOnSeptember172020"
                style="width: 507px; left: 387px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                IN ALL, NEW FEATURE, WHAT'S NEW ON SEPTEMBER 17, 2020</div>
            <div class="LoremIpsumDolorSitAmetAdhucNullaLoremIpsumDolorSitAmetAdhucNulla"
                style="width: 507px; left: 387px; top: 153px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                Lorem ipsum dolor sit amet, adhuc nulla. Lorem ipsum dolor sit amet, adhuc nulla. </div>
            <img class="Image" style="width: 333px; height: 201px; left: 0px; top: 0px; position: absolute"
                src="https://via.placeholder.com/333x201" />
        </div>
        <div class="Group916" style="width: 901px; height: 201px; left: 284px; top: 1141px; position: absolute">
            <div class="HowAiNoCodeTransformEveryMarketerIntoAMaker"
                style="width: 514px; left: 387px; top: 46px; position: absolute; color: #25282B; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
                How AI & No Code Transform Every Marketer into a Maker</div>
            <div class="InAllNewFeatureWhatSNewOnSeptember172020"
                style="width: 507px; left: 387px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                IN ALL, NEW FEATURE, WHAT'S NEW ON SEPTEMBER 17, 2020</div>
            <div class="LoremIpsumDolorSitAmetAdhucNullaLoremIpsumDolorSitAmetAdhucNulla"
                style="width: 507px; left: 387px; top: 153px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                Lorem ipsum dolor sit amet, adhuc nulla. Lorem ipsum dolor sit amet, adhuc nulla. </div>
            <img class="Image" style="width: 333px; height: 201px; left: 0px; top: 0px; position: absolute"
                src="https://via.placeholder.com/333x201" />
        </div>
        <div class="Group917" style="width: 901px; height: 201px; left: 284px; top: 1442px; position: absolute">
            <div class="MarketingCampaignAnalyticsStartupSellforteRaises478m"
                style="width: 514px; left: 387px; top: 46px; position: absolute; color: #25282B; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
                Marketing campaign analytics startup Sellforte raises $4.78M</div>
            <div class="InAllNewFeatureWhatSNewOnSeptember172020"
                style="width: 507px; left: 387px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                IN ALL, NEW FEATURE, WHAT'S NEW ON SEPTEMBER 17, 2020</div>
            <div class="LoremIpsumDolorSitAmetAdhucNullaLoremIpsumDolorSitAmetAdhucNulla"
                style="width: 507px; left: 387px; top: 153px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                Lorem ipsum dolor sit amet, adhuc nulla. Lorem ipsum dolor sit amet, adhuc nulla. </div>
            <img class="Image" style="width: 333px; height: 201px; left: 0px; top: 0px; position: absolute"
                src="https://via.placeholder.com/333x201" />
        </div>
        <div class="Group918" style="width: 901px; height: 201px; left: 281px; top: 1742px; position: absolute">
            <div class="WhyEbayWantsToBeInsideYourEarsInAGoodWay"
                style="width: 514px; left: 387px; top: 46px; position: absolute; color: #25282B; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
                Why eBay wants to be inside your ears – in a good way </div>
            <div class="InAllNewFeatureWhatSNewOnSeptember172020"
                style="width: 507px; left: 387px; top: 0px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                IN ALL, NEW FEATURE, WHAT'S NEW ON SEPTEMBER 17, 2020</div>
            <div class="LoremIpsumDolorSitAmetAdhucNullaLoremIpsumDolorSitAmetAdhucNulla"
                style="width: 507px; left: 387px; top: 153px; position: absolute; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 400; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
                Lorem ipsum dolor sit amet, adhuc nulla. Lorem ipsum dolor sit amet, adhuc nulla. </div>
            <img class="Image" style="width: 333px; height: 201px; left: 0px; top: 0px; position: absolute"
                src="https://via.placeholder.com/333x201" />
        </div>
        <div class="BtnFilled"
            style="width: 195px; height: 64px; left: 983px; top: 350px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
            <div class="BtnFilled"
                style="width: 195px; height: 64px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div class="Rectangle62" style="width: 195px; height: 64px; background: #219653; border-radius: 36px"></div>
                <div
                    style="width: 103.91px; height: 19.86px; text-align: center; color: white; font-size: 24px; font-family: Montserrat; font-weight: 600; text-transform: uppercase; line-height: 18px; letter-spacing: 0.10px; word-wrap: break-word">
                    搜索</div>
            </div>
        </div>
        <div class="BtnFilled"
            style="width: 195px; height: 58px; left: 283px; top: 350px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
            <div class="BtnFilled"
                style="width: 195px; height: 58px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div class="Rectangle62"
                    style="width: 662px; height: 64px; background: #FAF9F7; border-radius: 36px; border: 3px #14B86E solid">
                </div>
                <div class="LoadMore"
                style="width: 103.91px; text-align: center; color: white; font-size: 14px; font-family: Montserrat; font-weight: 600; text-transform: uppercase; line-height: 18px; letter-spacing: 0.10px; word-wrap: break-word">
                Load More</div>
        </div>
    </div>
    <div class="Group553" style="width: 523px; height: 10.41px; left: 320px; top: 378.62px; position: absolute">
        <div class="Group219" style="width: 523px; height: 10.41px; left: 0px; top: 0px; position: absolute">
            <div class="InputText"
                style="width: 523px; height: 10.41px; left: 0px; top: 0px; position: absolute; color: #52575C; font-size: 20px; font-family: Montserrat; font-weight: 600; line-height: 26px; letter-spacing: 0.20px; word-wrap: break-word">
                搜索您感兴趣的新闻</div>
        </div>
    </div>
    <div class="Group919" style="width: 547px; height: 91px; left: 442px; top: 2076px; position: absolute">
        <div class="BtnOutline"
            style="width: 74px; height: 58px; left: 0px; top: 0px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
            <div class="BtnOutline"
                style="width: 74px; height: 58px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div class="Rectangle62"
                    style="width: 74px; height: 58px; background: #FAF9F7; border-radius: 24px; border: 2px #119C59 solid">
                </div>
            </div>
        </div>
        <div class="BtnOutline"
            style="width: 74px; height: 58px; left: 88px; top: 0px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
            <div class="BtnOutline"
                style="width: 74px; height: 58px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div class="Rectangle62"
                    style="width: 74px; height: 58px; background: #FAF9F7; border-radius: 24px; border: 2px #119C59 solid">
                </div>
            </div>
        </div>
        <div class="BtnOutline"
            style="width: 74px; height: 58px; left: 176px; top: 0px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
            <div class="BtnOutline"
                style="width: 74px; height: 58px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div class="Rectangle62"
                    style="width: 74px; height: 58px; background: #FAF9F7; border-radius: 24px; border: 2px #119C59 solid">
                </div>
            </div>
        </div>
        <div class="BtnOutline"
            style="width: 74px; height: 58px; left: 264px; top: 0px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
            <div class="BtnOutline"
                style="width: 74px; height: 58px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div class="Rectangle62"
                    style="width: 74px; height: 58px; background: #FAF9F7; border-radius: 24px; border: 2px #119C59 solid">
                </div>
            </div>
        </div>
        <div
            style="left: 30px; top: 7px; position: absolute; text-align: center; color: #119C59; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
            1<br /></div>
        <div
            style="left: 115px; top: 7px; position: absolute; text-align: center; color: #119C59; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
            2</div>
        <div
            style="left: 201px; top: 7px; position: absolute; text-align: center; color: #119C59; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
            ...</div>
        <div
            style="left: 290px; top: 8px; position: absolute; text-align: center; color: #119C59; font-size: 32px; font-family: Montserrat; font-weight: 600; line-height: 42px; letter-spacing: 0.10px; word-wrap: break-word">
            4</div>
        <div class="BtnOutline"
            style="width: 195px; height: 58px; left: 352px; top: 0px; position: absolute; justify-content: center; align-items: center; display: inline-flex">
            <div class="BtnOutline"
                style="width: 195px; height: 58px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div class="Rectangle62"
                    style="width: 195px; height: 58px; background: #FAF9F7; border-radius: 36px; border: 2px #119C59 solid">
                </div>
                <div class="NotifyMe"
                    style="text-align: center; color: #119C59; font-size: 20px; font-family: Montserrat; font-weight: 600; line-height: 18px; letter-spacing: 0.20px; word-wrap: break-word">
                    下一页</div>
            </div>
        </div>
    </div>
    <img class="Image54" style="width: 333px; height: 201px; left: 284px; top: 539px; position: absolute"
        src="https://via.placeholder.com/333x201" />
    <img class="Image56" style="width: 333px; height: 201px; left: 284px; top: 1141px; position: absolute"
        src="https://via.placeholder.com/333x201" />
    <img class="Image57" style="width: 333px; height: 201px; left: 284px; top: 1442px; position: absolute"
        src="https://via.placeholder.com/333x201" />
    <img class="Image58" style="width: 333px; height: 201px; left: 282px; top: 1742px; position: absolute"
        src="https://via.placeholder.com/333x201" />
    <img class="Image55" style="width: 333px; height: 201px; left: 284px; top: 841px; position: absolute"
        src="https://via.placeholder.com/333x201" />
    <div class="Frame132"
        style="left: 53px; top: 114px; position: absolute; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
        <div class="IconOutlinedDirectionsStraightArrowsLeft" style="width: 24px; height: 24px; position: relative">
            <div class="Vector"
                style="width: 14px; height: 0px; left: 5px; top: 12px; position: absolute; border: 2px #25282B solid">
            </div>
            <div class="Vector"
                style="width: 7px; height: 14px; left: 5px; top: 5px; position: absolute; border: 2px #25282B solid">
            </div>
        </div>
        <div class="Label"
            style="width: 151px; color: #25282B; font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; letter-spacing: 0.10px; word-wrap: break-word">
            返回</div>
    </div>
</div>
</template>